<script setup lang="ts">
//
</script>

<template>
  <swiper class="carousel" circular indicator-dots>
    <swiper-item>
      <image
        class="carousel-image"
        src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/dfc11bb0-4af5-4e9b-9458-99f615cc685a.jpg"
        mode="aspectFill"
      />
    </swiper-item>
    <swiper-item>
      <image
        class="carousel-image"
        src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/dfc11bb0-4af5-4e9b-9458-99f615cc685a.jpg"
        mode="aspectFill"
      />
    </swiper-item>
  </swiper>
</template>

<style>
.carousel,
.carousel-image {
  width: 100vw;
  height: 280rpx;
}
</style>
